import styled from 'styled-components'
export const HotCateStyled=styled.div`
  header{
    color:#666;
    font-size:20px;
    line-height:30px;
    height:30px;
    padding-left: 5px;
    margin:5px 0 5px 0;
    border-bottom:1px solid #ccc;
  }
`
export const HotListStyled=styled.div`
  header{
    color:#666;
    font-size:20px;
    line-height:30px;
    height:30px;
    padding-left: 5px;
    margin:5px 0 5px 0;
    border-bottom:1px solid #ccc;
  }
  
  >div{
    text-align:center;
    display:flex;
    flex-wrap:wrap;
    div{
      width:50%;
      img{
        width:100%;
      }
      figcaption{
        font-size:20px;
      }
    }
  }
`
